<wicket:extend>

    <!-- Sidebar -->
    
      <div style="position: relative; background-color: #2D475C; float:left; width: 200px; height: 600px;">
        <div style="padding-top: 10px; margin-left: auto; margin-right: auto; width: 176px;"> 
            <img wicket:id="sidebar" src="side-bar.png" border="0" usemap="#Map" />
            <map name="Map" id="Map">
                <area shape="rect" coords="0,32,176,62" wicket:id="AquaponicsPageLink" href="#" />
                <area shape="rect" coords="2,62,175,92" wicket:id="LightingPageLink" href="#" />
                <area shape="rect" coords="1,92,175,122" wicket:id="SecurityPageLink" href="#" />
                <area shape="rect" coords="0,122,175,152" wicket:id="ClimatePageLink" href="#" />
                <area shape="rect" coords="1,153,175,183" wicket:id="WaterPageLink" href="#" />
            </map>
        </div>
        <div style="position: absolute; bottom: 0; padding: 10px;">
            <img wicket:id="logo" src="logo.png"/>
        </div>
      </div>
      
    <!-- Lighting Controls -->
    
     <div class="span-15">
        <br><br>
        <img wicket:id="lightingtop" src="lightingtop.png"/><br>
        <font color="#FFFFFF">Inner Lighting</font>
        <hr>
        <img wicket:id="lightingbottom" src="lightingbottom.png"/><br>
        <font color="#FFFFFF">Outer Lighting</font>
     </div>

     
     <div class="span-1 last">
        <br><br>
        <form id="dummy" action="" method="post">
            <fieldset> 
            <legend><font color="#FFFFFF">Lighting Control</font></legend> 
            <center><label for="dummy"><font color="#FFFFFF">Mode:</font></label><br> <select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)">
              <option>Automatic</option>
              <option>Manual</option>
            </select></center>
            <img wicket:id="lightingcontrols" src="lightingcontrols.png"/>
         
            </fieldset> 
        </form>
     </div>
     
</wicket:extend>

